﻿<%@ Page Title="" Language="vb" AutoEventWireup="false" MasterPageFile="~/CIMasterPage.Master" CodeBehind="Contact.aspx.vb" Inherits="CreativeImagesByKim.Pages.ContactPage" %>

<asp:Content ID="contentMain" ContentPlaceHolderID="cphMainContent" runat="server">
    <link href="Styles/CIContactPage.css" rel="stylesheet" type="text/css" />
    <script src="Scripts/CIContactPage.js" type="text/javascript"></script>

    <p>Please leave your name, email, and a brief message and we'll get back to you ASAP!</p>

    <div id="pnlContactForm" class="contactForm">
        <div id="pnlContactForm_Name">
            <span id="spnNameLabel">Name:</span>
            <br />
            <input id="txtNameField" type="text" />
        </div>

        <div id="pnlContactForm_Email">
            <span id="spnEmailLabel">Email:</span>
            <br />
            <input id="txtEmailField" type="text" />
        </div>

        <div id="pnlContactForm_Msg">
            <span id="spnMsgLabel">Message:</span>
            <br />
            <textarea id="txtMsgField" rows="6"></textarea>
        </div>

        <div id="pnlContactForm_Submit">
            <input id="btnSubmit" class="button" type="button" value="Submit" />
        </div>
    </div>

    <div id="pnlMessageSuccess" class="dialogWindow" title="Message sent!">
        <p>
            <span class="ui-icon ui-icon-check" style="float : left; margin : 0 7px 50px 0;"></span>
            Your message has been sent!
        </p>
    </div>

    <div id="pnlMessageFailure" class="dialogWindow" title="Error sending message">
        <p>
            <span class="ui-icon ui-icon-alert" style="float : left; margin : 0 7px 50px 0;"></span>
            There was an error sending your message, a report was generated and the site adminstrator has been informed. We apologize for any inconvenience.
        </p>
    </div>

    <div id="pnlMessageName" class="dialogWindow" title="Required fields">
        <p>
            <span class="ui-icon ui-icon-info" style="float : left; margin : 0 7px 50px 0;"></span>
            Your name is required in order to send a message.
        </p>
    </div>

    <div id="pnlMessageEmail" class="dialogWindow" title="Required fields">
        <p>
            <span class="ui-icon ui-icon-info" style="float : left; margin : 0 7px 50px 0;"></span>
            An email address is required in order to send a message.
        </p>
    </div>

    <div id="pnlMessageMsg" class="dialogWindow" title="Required fields">
        <p>
            <span class="ui-icon ui-icon-info" style="float : left; margin : 0 7px 50px 0;"></span>
            You cannot send an empty message.
        </p>
    </div>
</asp:Content>